<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:form>
		<p:panel styleClass="controles controlesOptions"
			rendered="#{!controlesSeguridadMBean.viewModulos}">
			<div>
				<h:outputLabel style="width: 67px;" value="Periodo" for="idPeriodo" />
				<p:selectOneMenu id="idPeriodoMarca" style="margin-top: -5px;"
					value="#{resumenProyFfvvMarcasMBean.periodoDefault}">
					<f:selectItem itemLabel="- Periodo -" itemValue="0" />
					<f:selectItems value="#{resumenProyFfvvMarcasMBean.listaPeriodos}"
						var="itemPeriodo" itemLabel="#{itemPeriodo.descripcion}"
						itemValue="#{itemPeriodo.id}" />
				</p:selectOneMenu>
			</div>
			<div>
				<h:outputLabel style="width: 67px;text-align: center;" value="Cargo"
					for="idCargo" />
				<p:selectOneMenu id="idCargo" style="margin-top: -5px;"
					value="#{resumenProyFfvvMarcasMBean.idEstructuraVenta}">
					<p:ajax listener="#{resumenProyFfvvMarcasMBean.cargarFFvv()}"
												update="idFfvv" />
					<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
					<f:selectItems
						value="#{resumenProyFfvvMarcasMBean.listaEstructuraVenta}"
						var="itemCargo" itemLabel="#{itemCargo.nombre}"
						itemValue="#{itemCargo.id}" />
				</p:selectOneMenu>
			</div>
			<div>
				<h:outputLabel style="width: 67px;text-align: center;" value="FFVV"
					for="idFfvv" />
				<p:selectOneMenu id="idFfvv" style="margin-top: -5px;"
					value="#{resumenProyFfvvMarcasMBean.idFfvv}">
					<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
					<f:selectItems
						value="#{resumenProyFfvvMarcasMBean.listaJerarquiaFFVV}"
						var="itemFfvv" itemLabel="#{itemFfvv.apellido}"
						itemValue="#{itemFfvv.id}" />
				</p:selectOneMenu>
			</div>
			<div class="inputOptions">
				<div style="margin-left: 10px">
					<p:commandButton value="Mostrar" style="font-size: 12px;"
						update=":tabProyeccion:tableResumenMarcas"
						actionListener="#{resumenProyFfvvMarcasMBean.inicializar()}"
						id="frmMostrar" />
				</div>
			</div>
		</p:panel>
	</h:form>
	<h:form id="tableResumenMarcas">
		<p:dataTable var="proyeccion"
			value="#{resumenProyFfvvMarcasMBean.listaProyeccionFfvvMarcas}"
			sortBy="#{proyeccion.marca}">
			<p:column headerText="Id" sortBy="#{proyeccion.idMarca}">
				<h:outputText value="#{proyeccion.idMarca}" />
			</p:column>
			<p:column headerText="Marca" sortBy="#{proyeccion.marca}">
				<h:outputText value="#{proyeccion.marca}" />
			</p:column>
			<p:column headerText="Monto" sortBy="#{proyeccion.montoTotal}"
				style="text-align:right">
				<h:outputText value="#{proyeccion.montoTotal}">
					<f:convertNumber currencySymbol="S/. " groupingUsed="true"
						maxFractionDigits="2" type="currency" />
				</h:outputText>
			</p:column>
			<p:columnGroup type="footer">
				<p:row>
					<p:column style="text-align:right" />
					<p:column footerText="Total: " style="text-align:right" />
					<p:column
						footerText="S/. #{resumenProyFfvvMarcasMBean.totalMarcas}"
						style="text-align:right">
					</p:column>
				</p:row>
			</p:columnGroup>
		</p:dataTable>
	</h:form>
</ui:composition>
</html>